import { createRouter, createWebHistory } from 'vue-router'
import TeachingCenter from '../views/TeachingCenter.vue'
import CourseDetail from '../views/CourseDetail.vue'
import ClassroomView from '../views/ClassroomView.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: { template: '<div></div>' }
  },
  {
    path: '/teaching-center',
    name: 'TeachingCenter',
    component: TeachingCenter
  },
  {
    path: '/course/:id',
    name: 'CourseDetail',
    component: CourseDetail,
    props: true,
    meta: {
      layout: 'course'
    }
  },
  {
    path: '/classroom',
    name: 'Classroom',
    component: ClassroomView,
    meta: {
      standalone: true
    }
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router 